<!--
 * @Description: In User Settings Edit
 * @Author: your name
 * @Date: 2019-09-06 09:41:00
 * @LastEditTime: 2019-09-17 11:56:54
 * @LastEditors: Please set LastEditors
 -->
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
	<script type="text/javascript" src="typo3conf/ext/backsite/Resources/Public/Ueditor/ueditor.config.js"></script>
	<script type="text/javascript" src="typo3conf/ext/backsite/Resources/Public/Ueditor/ueditor.all.min.js"></script>
	<script type="text/javascript" src="typo3conf/ext/backsite/Resources/Public/Ueditor/lang/zh-cn/zh-cn.js"></script>
	<link rel="stylesheet" type="text/css" href="{f:uri.resource(path:'Css/style.css')}" />
	<script type="text/javascript" src="{f:uri.resource(path:'JavaScript/jquery.validate.min.js')}"></script>
	<script type="text/javascript" src="{f:uri.resource(path:'JavaScript/messages_zh.js')}"></script>

	<link rel="stylesheet" type="text/css" href="{f:uri.resource(path:'Css/bootstrap-timepicker.min.css')}" />
	<script type="text/javascript" src="{f:uri.resource(path:'JavaScript/bootstrap-timepicker.min.js')}"></script>

	<!-- <div class="form-group">
		<div class="form-group">
			<label class="control-label" for="name">活动方式<font color="red">*</font></label>
			<f:for each="{ways}" as="w">
				<f:form.radio property="way" value="{w.uid}" />{w.name}
			</f:for>
		</div>
	</div> -->
	<f:form.hidden property="way" value="0" />
	<div class="form-group row">
		<div class="form-group col-md-6">
			<label class="control-label" for="name">活动名称<font color="red">*</font></label>
			<f:form.textfield property="name" class="form-control" />
		</div>
		<div class="form-group col-md-6">
			<label class="control-label" for="address">活动地址<font color="red">*</font></label>
			<f:form.textfield property="address" class="form-control" />
		</div>
	</div>
	<div class="form-group row">
		<div class="col-md-6">
			<label class="control-label" for="types">活动类别<font color="red">*</font></label>
			<f:form.select class="input-sm form-control" property="types" options="{dictTypes}" optionValueField="uid"
				optionLabelField="name" prependOptionLabel="--请选择--" />
		</div>
		<div class="col-md-6">
			<label class="control-label" for="tag">活动标签<font color="red">*</font></label>
			<f:form.select class="input-sm form-control" property="tag" options="{dictTags}" optionValueField="uid"
				optionLabelField="name" prependOptionLabel="--请选择--" />
		</div>
	</div>

	<div class="form-group {f:if(condition:'{activity.way}==0',then:'hide')} row" id="actWeekDays">
		<div class="form-group col-md-6">
			<label class="control-label" for="sttime">选择周<font color="red">*</font></label>
			<f:form.select class="input-sm form-control" id="week" name="week" value="{activity.week}" options="{weeks}"
				optionValueField="uid" optionLabelField="name" prependOptionLabel="--请选择--" />
		</div>
		<div class="form-group col-md-6">
			<label class="control-label" for="overtime">活动时间<font color="red">*</font></label>
			<div class="input-group bootstrap-timepicker timepicker">
				<f:form.textfield name="hour" value="{activity.hour->f:format.date(format:'H:i')}" id="hour"
					class="form-control input-small" />
				<span class="input-group-addon">
					<i class="glyphicon glyphicon-time"></i>
				</span>
			</div>
		</div>
	</div>

	<div class="form-group  {f:if(condition:'{activity.way}==1',then:'hide')} row" id="actStartDays">
		<div class="form-group col-md-6">
			<label class="control-label" for="sttime">活动开始时间<font color="red">*</font></label>
			<div class="input-group date bs-datetime datetimepicker-datetime" id="sttime"
				data-date-format="yyyy-mm-dd hh:ii">
				<f:form.textfield name="sttime" id="sttimeval"
					value="{activity.sttime->f:format.date(format:'Y-m-d H:i')}" class="form-control spinner" />
				<span class="input-group-addon">
					<button class="btn default date-set" type="button">
						<i class="fa fa-calendar"></i>
					</button>
				</span>
			</div>
		</div>
		<div class="form-group col-md-6">
			<label class="control-label" for="overtime">活动结束时间<font color="red">*</font></label>
			<div class="input-group date bs-datetime datetimepicker-datetime" id="overtime"
				data-date-format="yyyy-mm-dd hh:ii">
				<f:form.textfield name="overtime" id="overtimeval"
					value="{activity.overtime->f:format.date(format:'Y-m-d H:i')}" class="form-control spinner" />
				<span class="input-group-addon">
					<button class="btn default date-set" type="button">
						<i class="fa fa-calendar"></i>
					</button>
				</span>
			</div>
		</div>
	</div>

	<div class="form-group row">
		<div class="form-group col-md-6">
			<label class="control-label" for="pictures">活动封面图片<font color="red">(建议尺寸：800px*500px)</font></label>
			<f:form.upload name="pictures" id="exampleInputFile" class="form-control spinner" />
			<input type="hidden" id="imgpath" value="{activity.pictures}" />
		</div>
		<div class="form-group col-md-6">
			<div id="see_image">
				<f:if condition="{activity.pictures}">
					<f:then>
						<f:image src="uploads/tx_activity/images/{activity.pictures}" class="img-responsive" maxHeight="125"
							maxWidth="200" />
					</f:then>
					<f:else>
						<f:image src="typo3conf/ext/activity/Resources/Public/Images/default.png" class="img-responsive" maxHeight="125"
							maxWidth="200" />
					</f:else>
				</f:if>
			</div>
		</div>
	</div>
	<div class="form-group">
		<label class="control-label" for="introduce">活动简介<font color="red">*</font></label>
		<f:form.textarea property="introduce" cols="40" rows="3" class="form-control" />
	</div>
	<div class="form-group">
		<label class="control-label" for="contents">活动详情<font color="red">*</font></label>
		<f:form.textfield name="ckRichText" id="ckRichText" style="display:none" />
		<f:form.textarea id="activity_feront_edit_bodytext" property="contents" class="ckeditor" style="width:100%"
			rows="10" />
	</div>
	<script src="typo3conf/ext/backsite/Resources/Public/scripts/bootstrap-datetimepicker.min.js?"
		type="text/javascript"></script>
	<script type="text/javascript" src="{f:uri.resource(path:'JavaScript/com.js?123456789')}"></script>

</html>